<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <base target="_blank">
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div class="posi">
        <a href="#firstbox">Java web</a>
        <a href="#secondbox">计算机网络</a>
        <a href="#thirdbox">C语言</a>
        <a href="#fourthbox">数据库</a>
        <a href="#fifthbox">网页设计</a>
    </div>
        <nav class="nav">
           <div class="nav_1">
            <a href="./index.html">首页</a>
            <a href="./立方体.html">旋转公式</a>
            <a href="https://gaokao.eol.cn/shiti/yw/202406/t20240613_2616374.shtml">测试题</a>
            <a href="./登录.html">登录</a>
            <span>|</span>
            <a href="./注册.html">注册</a>
            <a href="https://gitee.com/ruqnjinanjishu/super-flying-man">仓库</a>
           </div>
           <div class="nav_2">
            <img src="./logo.jpg" alt="">
            <form>
                <img src="./搜索.jpg" alt=""><input type="text" placeholder="搜索关于学习内容" >
               
            </form>
           </div>
        </nav>
    <article>
        <!-- 第一个幻灯片 -->
    <div class="first_title first" style="margin-top: 60px;align-items: center;">
        <h1>培黎23级七组学习网站</h1>
        <p>小组成员紧密合作，充分发挥各自的技能，努力达成各项预定目标。</p>
    </div>
    <div class="first_image">
        <div class="first_text">
            <a href="https://zhidao.baidu.com/question/78689416.html">学习如逆水行舟，不进则退。</a>
            <a href="https://so.gushiwen.cn/mingju/juv_f56e2c80d450.aspx">读书破万卷，下笔如有神</a>
            <a href="https://baike.baidu.com/item/%E4%B8%BA%E4%B8%AD%E5%8D%8E%E4%B9%8B%E5%B4%9B%E8%B5%B7%E8%80%8C%E8%AF%BB%E4%B9%A6/10895716">为中华之崛起而读书。</a>
            <a href="https://baike.baidu.com/item/%E6%B8%A9%E6%95%85%E8%80%8C%E7%9F%A5%E6%96%B0%EF%BC%8C%E5%8F%AF%E4%BB%A5%E4%B8%BA%E5%B8%88%E7%9F%A3/7154525?fromModule=search-result_lemma-recommend">温故而知新，可以为师矣。</a>
            <a href="https://baike.baidu.com/item/%E8%AF%BB%E4%B8%87%E5%8D%B7%E4%B9%A6%EF%BC%8C%E8%A1%8C%E4%B8%87%E9%87%8C%E8%B7%AF/3248644?fromModule=search-result_lemma-recommend">读万卷书，行万里路。</a>

        </div>
        <a href="https://zhidao.baidu.com/question/78689416.html"><img src="./学习.png" alt=""></a>
        <a href="https://so.gushiwen.cn/mingju/juv_f56e2c80d450.aspx"><img src="./学习.png" alt=""></a>
        <a href="https://baike.baidu.com/item/%E4%B8%BA%E4%B8%AD%E5%8D%8E%E4%B9%8B%E5%B4%9B%E8%B5%B7%E8%80%8C%E8%AF%BB%E4%B9%A6/10895716"><img src="./学习.png" alt=""></a>
       <a href="https://baike.baidu.com/item/%E6%B8%A9%E6%95%85%E8%80%8C%E7%9F%A5%E6%96%B0%EF%BC%8C%E5%8F%AF%E4%BB%A5%E4%B8%BA%E5%B8%88%E7%9F%A3/7154525?fromModule=search-result_lemma-recommend"> <img src="./学习.png" alt=""></a>
        <a href="https://baike.baidu.com/item/%E8%AF%BB%E4%B8%87%E5%8D%B7%E4%B9%A6%EF%BC%8C%E8%A1%8C%E4%B8%87%E9%87%8C%E8%B7%AF/3248644?fromModule=search-result_lemma-recommend"><img src="./学习.png" alt=""></a>
    </div>
    <div class="first_media">
        <div class="first_media_move">
            <a href="https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E7%BB%8F%E6%B5%8E/3049">
                <img src="./学习.png" alt="">
                <span>学习如逆水行舟，不进则退。</span>
            </a>
            <a href="https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E8%88%AA%E5%A4%A9%E4%BA%8B%E4%B8%9A/12714185?fromtitle=%E4%B8%AD%E5%9B%BD%E8%88%AA%E5%A4%A9">
                <img src="./学习.png" alt="">
                <span>为中华之崛起而读书。</span>
            </a>
            <a href="https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E5%86%9C%E6%9D%91/5056274">
                <img src="./学习.png" alt="">
                <span>温故而知新，可以为师矣。</span>
            </a>
            <a href="https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E5%A4%96%E4%BA%A4%E5%AE%98?fromModule=lemma_search-box">
                <img src="./学习.png" alt="">
                <span>读万卷书，行万里路。</span>
            </a>
            <a href="https://baike.baidu.com/item/%E4%B8%AD%E5%8D%8E%E4%BA%BA%E6%B0%91%E5%85%B1%E5%92%8C%E5%9B%BD%E5%86%9B%E4%BA%8B/7417573?fromtitle=%E4%B8%AD%E5%9B%BD%E5%86%9B%E4%BA%8B&fromid=78139">
                <img src="./学习.png" alt="">
                <span>学习是永无止境的旅程</span>
            </a>
        </div>
        <ul class="first_media_ul">
                <li class="first_media_active"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
        </ul>
    </div>
    <div class="first_title" id="thirdbox">
        <h1>学习，是点亮未来的明灯。</h1>
    </div>
    <div class="shopping">

        <div class="shopping_nav">
            <a href="https://www.bilibili.com/" onmouseover="a(1)">
                <span>哔哩哔哩</span>
                <div></div>
            </a>
            <a href="https://yangcongxueyuan.com/index.html" onmouseover="a(2)">
                <span>洋葱学园</span>
                <div></div>
            </a>
            <a href="https://sj.qq.com/appdetail/com.yaerxing.fkst" onmouseover="a(3)">
                <span>疯狂刷题</span>
                <div></div>
            </a>
        </div>
        <div class="shopping_choose">
            <a href="https://www.bilibili.com/">
                <span>哔哩哔哩</span>
                
                <img src="./哔哩哔哩.png" alt="">
            </a>
            <a href="https://yangcongxueyuan.com/index.html">
                <span>洋葱学园</span>
                <span></span>
                <img src="./洋葱.jpg" alt="">
            </a>
            <a href="https://sj.qq.com/appdetail/com.yaerxing.fkst">
                <span>疯狂刷题</span>
                
                <img src="./疯狂刷题.jpg" alt="">
            </a>
            <div class="shopping_choose_nav">
                <p onclick="p(-1)">
                    <</p>
                        <p onclick="p(1)">></p>
            </div>
        </div>
    </div>
    <div class="shopping_log">
        <div>
            <img src="./图片1.webp" alt="">
            <p><a href="https://passport.bilibili.com/login">登录注册,开始学习</a></p>
        </div>
        <div>
            <img src="./图片2.webp" alt="">
            <p><a href="https://account.bilibili.com/big?spm_id_from=333.1007.0.0">开通会员,享受课程</a></p>
        </div>
        <div>
            <img src="./图片3.png" alt="">
            <p><a href="https://www.bilibili.com/video/BV1gH4y1q7ce/?spm_id_from=333.155.0.0&vd_source=481e01b569e9b7c2d3a419ae6a3e6d5c">更多课程,等你来学</a></p>
        </div>
        <div>
            <img src="./图片4.jpg" alt="">
            <p><a href="https://search.bilibili.com/all?keyword=%E6%95%B0%E5%AD%A6%E8%80%81%E5%B8%88&from_source=webtop_search&spm_id_from=333.1007&search_source=5">教学老师,应有尽有</a></p>
        </div>
    </div>
    <!-- 第四个media盒子 -->

    <div class="fourth_media">
        <a href="https://www.taobao.com/">
            <img src="./CSS小组作业image/第三个幻灯片1.jpeg" alt="">
        </a>
        <a href="https://www.jd.com/">
            <img src="./CSS小组作业image/第三个幻灯片2.webp" alt="">
        </a>
        <a href="https://www.pinduoduo.com/">
            <img src="./CSS小组作业image/第三个幻灯片3.webp" alt="">
        </a>
    </div>
    <!-- 第二个幻灯片 -->
    <div class="first_title" style="margin-top: 40px;" id="firstbox">
        <h1>经典名著</h1>
        
    </div>
    <div class="LiBai">
        <div class="poet">
            <a href="https://cn.bing.com/search?q=%e8%a5%bf%e6%b8%b8%e8%ae%b0%e7%ae%80%e4%bb%8b100%e5%ad%97&qs=MT&pq=%e8%a5%bf%e6%b8%b8%e8%ae%b0%e7%ae%80%e4%bb%8b100%e5%ad%97&sc=10-9&cvid=B17E8DBD9DA046788296A63F5F7F24E9&FORM=QBRE&sp=1&lq=0"><img src="./西游记.webp"></a>
        </div>
        <div class="poem">
            <h1 class="poem_title">西游记</h1>
            <p class="poem_sentence">
            <p>《西游记》是一部中国古典神魔小说，为中国“四大名著”之一。 
                书中讲述唐朝法师西天取经的故事，表现了惩恶扬善的古老主
                题。 《西游记》成书于16世纪明朝中叶，自问世以来在中国
                及世界各地广为流传，被翻译成多种语言。 西游记是中国古典
                四大名著之一，是最优秀的神话小说，也是一部群众创作和文
                人创作相结合的作品。 小说以整整七回的“大闹天宫”故事开始
                ，把孙悟空的形象提到全书首要的地位。 第八至十二回写如来
                说法，观音访僧，魏征斩龙，唐僧出世等故事，交待取经的缘起。
                 从十四回到全书结束，写孙悟空被迫皈依佛教，保护唐僧取经，
                 在八戒、沙僧协助下，一路斩妖除魔，到西天成了“正果”。
            </p>
        </div>
    </div>
    <div class="LiBai">
        <div class="poet">
            <a href="https://hongloumeng.5000yan.com/jianjie/"><img src="./红楼梦.webp"></a>
        </div>
        <div class="poem">
            <h1 class="poem_title">红楼梦</h1>
            <p class="poem_sentence">
            <p>《红楼梦》初名《石头记》，成书于清代乾隆年间，是一部章回体古典长篇小说，
                位列中国古典文学四大名著之首，是中国古典文学创作的巅峰之作。据传，
                《红楼梦》刊行后不久，京师竹枝词里便有“开口不谈《红楼梦》，此公缺典定
                糊涂”的说法。清代小说家曹雪芹便是《红楼梦》的作者。曹雪芹（约1715—约
                1763），名霑，字梦阮，号雪芹、芹圃、芹溪，祖籍辽阳。曹家和《红楼梦》
                中的贾家一样，是个“钟鸣鼎食”之家。从曹雪芹的曾祖父曹玺开始，曹家三代
                任江宁织造，是江南显赫一时的名门望族。因此，生于南京的曹雪芹曾经有过
                一段“饫甘餍肥”的富贵生活，受过良好的文化艺术教养。雍正六年，曹家被抄
                ，一家迁往北京，家道日渐衰落，正值年少的曹雪芹开始过着“茅椽蓬牖”的贫
                苦生活。曹雪芹晚年居于北京西郊，因爱子夭折而极度悲伤，最终贫病而死。
            </p>
        </div>
    </div>
        <div class="LiBai">
            <div class="poet">
                <a href="https://baike.baidu.com/item/%E4%B8%89%E5%9B%BD%E6%BC%94%E4%B9%89/5782"><img src="./三国演义.jpg"></a>
            </div>
            <div class="poem">
                <h1 class="poem_title">三国演义</h1>
                <p class="poem_sentence">
                <p>《三国演义》是罗贯中在有关三国故事的宋元话本、戏曲和轶事传闻的基础上，
                    依据晋代陈寿所著的《三国志》以及南朝宋人裴松之为《三国志》所作的注，
                    所进行的艺术加工再创作。《三国演义》大致分为黄巾起义、董卓之乱、群雄
                    逐鹿、三国鼎立、三国归晋五大部分，描写了从东汉末年到西晋初年之间近百
                    年的历史风云，以描写战争为主，描述了东汉末年的群雄割据混战和魏、蜀、
                    吴三国之间的政治和军事斗争，最终司马炎一统三国，建立晋朝的故事。反映
                    了三国时期各类社会斗争与矛盾的转化，并概括了这一时期的历史巨变，塑造
                    了一群叱咤风云的三国英雄人物。
                </p>
            </div>
        </div>
        <div class="LiBai">
            <div class="poet">
                <a href="https://baike.baidu.com/item/%E6%B0%B4%E6%B5%92%E4%BC%A0/348"><img src="./水浒传.webp"></a>
            </div>
            <div class="poem">
                <h1 class="poem_title">水浒传</h1>
                <p class="poem_sentence">
                <p>《水浒传》是元末明初施耐庵创作的长篇小说（现存刊本署名大多有施耐庵或罗贯中或两人皆有）
                    ，是中国历史上第一部用白话文写成的章回体长篇小说 [38]。全书通过描写梁山好汉反抗压迫、
                    水泊梁山壮大和接受宋朝招安，以及受招安后为宋朝征战，最终消亡的宏大故事，艺术地反映了
                    中国历史上宋江起义从发生、发展直至失败的全过程，深刻揭示了起义的社会根源，满腔热情地
                    歌颂了起义英雄的反抗斗争和他们的社会理想，也具体揭示了起义失败的内在历史原因。《水浒
                    传》是中国古典四大名著之一，问世后，在社会上产生了巨大的影响，成为后世中国小说创作的
                    典范。《水浒传》是中国历史上最早用白话文写成的章回小说，流传极广，脍炙人口；同时也是
                    汉语言文学中具备史诗特征的作品之一，对中国乃至东亚的叙事文学都有深远的影响。
                </p>
            </div>
        </div>
         <!-- 结尾 -->
    <div class="d">
        <div class="wl">
            <h2>学习网站</h2>
            <ul>
                <li>哔哩哔哩</li>
                <li>小猿搜题</li>
                <li>作业帮</li>
                <li>大学搜题酱</li>
                <li>博客</li>
            </ul>
        </div>
        <div class="wl">
            <h2>学习名言</h2>
            <ul>
                <li>学而时习之，不亦说乎？</li>
                <li>光说不练，枉学百年</li>
                <li>一日不书，百事荒芜</li>
                <li>敏而好学，不耻下问</li>
                <li>学而不化，非学业</li>
            </ul>
        </div>
        <div class="wl w2">
            <h2>培黎第七小组成员</h2>
            <ul>
                <li>王瑞琴</li>
                <li>王菊</li>
                <li>徐芳兄</li>
                <li>老木</li>
                <li>才旺央宗</li>
                
            </ul>
        </div>
    </div>
    <div class="d2">
        <span>版权归培黎职业学院第七小组所属</span>
    </div>
    <script src="./index.js"></script>
</body>
</html>
